﻿
html,body{height: 100%;}
html{font-size:15.625vw; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{-webkit-text-size-adjust: none;text-size-adjust: none;
overflow-x:hidden;max-width: 480px;margin-left: auto;margin-right: auto;
user-select:  none;-webkit-user-select:  none;position: relative; font-family: 'helvetica neue',arial,'hiragino sans gb',stheiti,'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif; overflow-x: hidden;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
input, select{outline: 0;}
fieldset { min-width: 0; margin: 0; padding: 0; border: 0;}
legend { font-size: 1.3em; line-height: 2.5; display: block; width: 100%; margin-bottom: 20px; 
  padding: 0; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
table { border-spacing: 0; border-collapse: collapse;background-color: transparent;}
td, th { padding: 0;}
a{ text-decoration:none;}
/* flex栅格 */
.flex-col {overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-box; 
	display: -ms-flexbox; display: flex; flex-direction: column;
	-webkit-box-orient: vertical; -webkit-flex-direction: column; 
	-ms-flex-direction: column; }
.flex-row {overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-box; 
	display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; 
	-ms-flex-direction: row;}
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.flex-2 { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2;}
.flex-3 { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3;}
.flex-4 { -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4;}
.flex-5 { -webkit-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5;}
.align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; 
	-ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.align-center { -webkit-box-align: center; -webkit-align-items: center; 
	-ms-align-items: center; -ms-flex-align: center; align-items: center;}
.justify-center { -webkit-box-pack: center; -ms-box-pack: center; 
	-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
@-ms-viewport { width: device-width;}

/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}

/* 设置 */
body{ font-size:.24rem; background: #000;}
a{color:inherit; display: block;}

/* 设备区分 */
body:after {display: block;height: 0;line-height: 0;overflow: hidden;visibility: hidden;
	content: 'Mobile';}
/* 手机竖屏 start! */
.body, html, .flex-col{ width: 100%; height: 100%; overflow: hidden;}
.ui-icon { position: absolute; z-index: 300; display: block; background-image: url('../images/icons.png'); -webkit-background-size:300% 100% ;
background-size:300% 100% ;}
.icon-up { bottom: 20px; left: 50%; width: .48rem; height: .48rem; margin-left: -.24rem; background-position: 0 0;}
.running{ -webkit-animation: animateUp 1.5s infinite; animation: animateUp 1.5s infinite;}
@-webkit-keyframes animateUp { 0% { -webkit-transform: translate3d(0,42px,0); opacity: 0;}
    60% { -webkit-transform: translate3d(0,12px,0); opacity: 1;}
    100% { -webkit-transform: translate3d(0,0px,0); opacity: 0;}}
    keyframes animateUp { 0% { -webkit-transform: translate3d(0,42px,0); opacity: 0;}
    60% { -webkit-transform: translate3d(0,12px,0); opacity: 1;}
    100% { -webkit-transform: translate3d(0,0px,0); opacity: 0;}}
#loader {width: 100%;height: 100%;background: #fff;position:absolute;left: 0;top: 0;z-index: 98}
.loader__bar {position: absolute;top: 50%; z-index: 1; width: 100%; height: 0.4rem; text-align: center; font-size:0.24rem; }
#loading-img{ position: absolute; top: 40%; z-index: 2; width: 1.28rem; height: 0.38rem; left: 50%; margin-left: -0.64rem;}

.main{ width: 100%; height: 100%; background:#000 url(../images/bg.jpg) no-repeat top; -webkit-background-size: 100%;
background-size: 100%; overflow: hidden;}
.logo{ width: 2.74rem; margin:.6rem auto 1.3rem auto; }
.form_info{ width: 5.1rem; margin: 0 auto; color: #e6e6e6; margin-bottom: .2rem;}
.form_info .line{ overflow: hidden; margin-bottom: .2rem;}
.form_info .line .w50{ float: left; width: 50%;}
.form_info label{ font-size: .3rem; margin-right: .1rem; float: left;}
.form_info input{ padding: 0; height: .4rem; color: #fff; text-indent: 6px; line-height: .4rem; width: 100%; box-sizing:border-box; border: 1px solid #7b7b7b; background: #000; border-radius: 3px;}
.form_info select{ float: left; width: 1.45rem; height: .4rem; line-height: .4rem; border: 1px solid #7b7b7b; background: #000; border-radius: 3px; -webkit-appearance: none;appearance: none;}
.form_info .line .w50:last-child select{ float: right;}
.submit_btn{ background: #feca19; width: 3.3rem; height: .54rem; line-height: .54rem; border: 0; padding: 0;text-align: center; color: #000; display: block; margin: 0 auto;}
.timeTips{ color: #9e9e9e; font-size: .22rem; margin-bottom: .3rem;}
.detail_btn{ display: block; text-align: center; font-size: .26rem; color: #fff; margin-bottom: .3rem;}
.detail_btn i{ margin-left: .05rem;}
.code{ font-size: .18rem; color: #b8b8b8;width: 5.1rem; margin: 0 auto; }
.code ._img{ width: .9rem; height: .9rem; overflow: hidden; margin-right: .1rem;}
.code ._txt{ overflow: hidden; padding-top: .1rem; line-height: 1.4;}
.intro{ font-size: .28rem; color: #feca19; text-align: center; margin-bottom: .3rem; text-indent: .3rem;}
.sendYzm{ margin-left: .25rem; text-decoration: underline; font-size: .25rem; vertical-align: middle;}